<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
        <title>公司认证</title>
        <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
        <link rel="stylesheet" type="text/css" href="../../css/mui.dtpicker.css" />
        <link rel="stylesheet" type="text/css" href="../../css/mui.min.css" />
        <link rel="stylesheet" type="text/css" href="../../css/mui.picker.css" />
        <style>
            body{
                background: #f3f3f3;
                font-size: 14px;
            }
            input[type="text"]{
                margin-bottom: 0;
                border:none;
                padding-top: 1px;
            }
            .aui-list-view-cell{
                vertical-align: middle;
                padding:0 15px;
            }
            .aui-list-view{
                margin-bottom: 0;
            }
            .aui-arrow-right:after{
                content: "";
            }
            .rzTitle{
                width: 20%;
                float: left;
                vertical-align: middle;
                height: 45px;
                line-height: 45px;
            }
            .rzInput{
                width: 80%;
                float: left;
                height: 45px;
                line-height: 45px;
            }
            .RegMeg{
                padding:8px 15px;
                font-size: 13px;
            }
            .btn{
                border:none;
                background: #ccc;
                padding: 15px;
                text-align: center;
                font-size: 18px;
                color: #fff;
                font-weight: bold;
                border-radius: 5px;
                margin-top: 18px;
            }
            .time{
                width:100%;
                height: 45px;
                padding-left: 15px;
                color:#9c9c9c;
                font-size: 14px;
            }
            input{
              font-size: 14px;
            }
        </style>
    </head>
    <body>
       <div class="contain">
           <ul class="aui-list-view">
               <li class="aui-list-view-cell">
                   <div class="aui-arrow-right rzTitle">身份认证</div>
                   <div class="aui-arrow-right rzInput"><input type="text" required="required"  placeholder="请输入您的身份证号码" id="idCard"></div>
               </li>
           </ul>
           <div class="RegMeg">工商注册信息</div>
           <ul class="aui-list-view">
               <li class="aui-list-view-cell">
                   <div class="aui-arrow-right rzTitle">公司名称</div>
                   <div class="aui-arrow-right rzInput"><input type="text" placeholder="请输入公司名称" id="companyName"></div>
               </li>
               <li class="aui-list-view-cell">
                   <div class="aui-arrow-right rzTitle">经营地址</div>
                   <div class="aui-arrow-right rzInput"><input type="text" placeholder="请输入经营地址" id="address"></div>
               </li>
               <li class="aui-list-view-cell">
                   <div class="aui-arrow-right rzTitle">成立日期</div>
                   <div class="aui-arrow-right rzInput">
                   <!--用div防止弹出输入框 <input type="text" placeholder="请输入成立日期" id="startTime"> -->
                    <div class="time" id="startTime">请输入成立日期</div>
                   </div>
               </li>
               <li class="aui-list-view-cell">
                   <div class="aui-arrow-right rzTitle">经营范围</div>
                   <div class="aui-arrow-right rzInput"><input type="text" placeholder="请输入经营范围" id="jingying"></div>
               </li>
               <li class="aui-list-view-cell">
                   <div class="aui-arrow-right rzTitle">注 册 号</div>
                   <div class="aui-arrow-right rzInput"><input type="text" placeholder="请输入注册号" id="regNo"></div>
               </li>
               <li class="aui-list-view-cell">
                   <div class="aui-arrow-right rzTitle">法人代表</div>
                   <div class="aui-arrow-right rzInput"><input type="text" placeholder="请输入法人代表姓名" id="bossName"></div>
               </li>
               <li class="aui-list-view-cell">
                   <div class="aui-arrow-right rzTitle">企业类型</div>
                   <div class="aui-arrow-right rzInput"><input type="text" placeholder="请输入企业类型" id="comType"></div>
               </li>
               <li class="aui-list-view-cell">
                   <div class="aui-arrow-right rzTitle">营业期限</div>
                   <div class="aui-arrow-right rzInput">
                   <!-- 用div防止弹出输入框<input type="text" placeholder="请输入营业期限" id="endTime"> -->
                    <div class="time" id="endtTime">请输入营业期限</div>
                   </div>
               </li>
               <li class="aui-list-view-cell">
                   <div class="aui-arrow-right rzTitle">登记机关</div>
                   <div class="aui-arrow-right rzInput"><input type="text" placeholder="请输入登记机关名称" id="jiguan"></div>
               </li>
               <li class="aui-list-view-cell">
                   <div class="aui-arrow-right rzTitle">营业执照</div>
                   <div class="aui-arrow-right rzInput"><input type="text" placeholder="请输入营业执照" id="yingyezhizaho"></div>
               </li>
           </ul>
        </div>
    </body>
    <script type="text/javascript" src="../../script/api.js" ></script>
    <script type="text/javascript" src="../../script/doT.min.js"></script>
    <script type="text/javascript" src="../../script/echo.js"></script>
    <script type="text/javascript" src="../../script/common.js"></script>
    <script type="text/javascript" src="../../script/myInfo.js"></script>
    <script type="text/javascript" src="../../script/jquery-1.11.3.js"></script>
    <!-- 时间 -->
    <script type="text/javascript" src="../../script/mui.min.js"></script>
    <script type="text/javascript" src="../../script/mui.dtpicker.js"></script>
    <script type="text/javascript" src="../../script/mui.picker.js"></script>
   <!--  <script type="text/javascript" src="../../script/mui.poppicker.js"></script> -->
    <script type="text/javascript">
        apiready = function() {
            api.parseTapmode();
            // getData();
           
            //重新登录监听
            api.addEventListener({
                name : 'reGetMyInfo'
            }, function(ret) {
                if (ret && ret.value) {
                    page = 1;
                    getData();
                }
            });
        }

        $("input[type='text']").blur(function(){
            if($(this).val()==""){
                $(".btn").removeClass("tijiao");
                $(".btn").css({"background":"#ccc"})
            }
            var len=$(".contain").find("input[type='text']").length;
            $(".contain").find("input[type='text']").each(function(index){
                if($(this).val()==""){
                    return false;
                }
                // alert(index+"dd"+len)
                if(len==(index+1)){
                    $(".btn").addClass("tijiao");
                    $(".btn").css({"background":"#3498db"});
                }
            })
        })
        $(document).on("click",".tijiao",function(){
            alert("ddddd")
        })
        // 时间选择
        $("#startTime").click(function(){
            // 营业照时间以现在年开始上下十年，减少消耗
            var date=new Date();
            var beginYear=date.getFullYear()-10;
            var endYear=date.getFullYear()+5;
            var options='{"type":"date","beginYear":'+beginYear+',"endYear":'+date.getFullYear()+'}';
            var dtPicker = new mui.DtPicker(JSON.parse(options));
            dtPicker.show(function (selectItems) { 
                   $("#startTime").text(selectItems);
                    dtPicker.dispose();
               })
        })
        $("#endtTime").click(function(){
            var date=new Date();
            var beginYear=date.getFullYear()-10;
            var endYear=date.getFullYear()+5;
            var options='{"type":"date","beginYear":'+beginYear+',"endYear":'+endYear+'}';
            var dtPicker = new mui.DtPicker(JSON.parse(options));
            dtPicker.show(function (selectItems) { 
                   $("#endtTime").text(selectItems);
                    dtPicker.dispose();
               })
        })
        // 时间选择
        $("#endTime").focus(function(e){
            // 营业照时间以现在年开始上下十年，减少消耗
            e.preventDefault();
            var date=new Date();
            var beginYear=date.getFullYear()-10;
            var endYear=date.getFullYear()+5;
            var options='{"type":"date","beginYear":'+beginYear+',"endYear":'+endYear+'}';
            var dtPicker2 = new mui.DtPicker(JSON.parse(options));
            dtPicker2.show(function (selectItems) { 
                   $("#endTime").val(selectItems);
                    dtPicker2.dispose();
               })
        })
    </script>
</html>